<template>
	<view :style="{ paddingTop }" v-if="show">
		<view class="flex  flex-col ">
			<image class="empty-image" src="@/static/img/index/empty.png" :style="{width,height}" ></image>
			<text class="txt text-center" :style="{ marginTop }" v-if="text">{{ text }}</text>
			<slot></slot>
		</view>
	</view>
</template>

<script>
export default {
	name: 'empty',
	props: {
		icon: String,
		show:Boolean,
		width: {
			type: String,
			default: '400rpx'
		},
		height: {
			type: String,
			default: '284rpx'
		},
		paddingTop: {
			type: String,
			default: '226rpx'
		},
		text: String,
		marginTop: {
			type: String,
			default: '86rpx'
		}
	}
}
</script>

<style lang="scss" scoped>
.empty-image {
	margin: 0 auto;
}
.txt{
	color: #b3b3b3;
	font-size: 24rpx;
}
</style>
